<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/icons-extra.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">	
			<!--<a class="mui-action-back mui-pull-left back"></a>-->
			<!--<input type="image" src="../images/search01.png" id ="searchzd" class="mui-icon-search"  style="color: #999;height: 48px;width:48px; position: relative; float: right; z-index: 20;" value="搜"/>-->
			<h1 class="mui-title " style="float: left; text-align: left; margin-left: -30px; border: solid red 0px;">HTML5 Plus</h1>
			<a class="mui-icon mui-icon-info mui-pull-right" onclick="openWindow('about','pages/about.html')"></a>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('accelerometer','pages/accelerometer.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Accelerometer</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">加速度传感器</h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('Audio','pages/audio.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Audio</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	音频录制/播放
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('Barcode','pages/barcode.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Barcode</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	二维码扫描
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('Camera','pages/camera.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Camera</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	摄像头拍照/录像
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('contacts','pages/contacts.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>contacts</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	系统通讯录
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('Device','pages/device.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Device</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	设备信息
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('Downloader','pages/downloader.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>Downloader</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	下载管理
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('fingerprint','pages/fingerprint.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>fingerprint</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	指纹识别
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('gallery','pages/gallery.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>gallery</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	像册管理
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('geolocation','pages/geolocation.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>geolocation</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	设备位置信息
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" onclick="openWindow('IO','pages/io.html',true)">
						<div class="mui-table">
			                <div class="mui-table-cell mui-col-xs-12">
			                	<h5>IO</h5>
			                    <h4 class="mui-ellipsis" style=" padding-top: 2px; border: solid red 0px;">
			                    	文件系统
			                    </h4>
			                </div>
			            </div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">产品</a>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">iOS</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">Android</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">HTML5</a>
						</li>
					</ul>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">方案</a>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">PC方案</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">手机方案</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">TV方案</a>
						</li>
					</ul>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">新闻</a>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<div class="mui-table">
				                <div class="mui-table-cell mui-col-xs-10">
				                    <h4 class="mui-ellipsis">信息化推进办公室张彦合同付款信息化</h4>
				                    <h5>申请人：李四</h5>
				                    <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
				                </div>
				                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
				                    <span class="mui-h5">12:25</span>
				                </div>
				            </div>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="#">行业新闻</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
		        <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">信息化推进办公室张彦合同付款信息化</h4>
		                    <h5>申请人：李四</h5>
		                    <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">12:25</span>
		                </div>
		            </div>
		        </li>
		    </ul>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
	</body>

</html>